<template>
	<div id="app">
		<banner></banner>
		<keep-alive>
			<router-view name="index"></router-view>
		</keep-alive>
	</div>
</template>

<script>
	import banner from './components/banner.vue'

	export default {
		name: 'App',
		components: {
			banner
		}
	}
</script>

<style>
	div,img,body {
		margin: 0;
		padding: 0;
	}

	#app {
		padding-top: calc(58px + 5px);
		min-height: calc(100vh - 58px - 5px);
		background-color: #f6f6f6;
	}

	table {
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}

	table td,
	table th {
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		padding: 3px 5px;
	}

	table th {
		border-bottom: 2px solid #ccc;
		text-align: center;
	}

	/* blockquote 样式 */
	blockquote {
		display: block;
		border-left: 8px solid #d0e5f2;
		padding: 5px 10px;
		margin: 10px 0;
		line-height: 1.4;
		font-size: 100%;
		background-color: #f1f1f1;
	}

	/* ul ol 样式 */
	ul,
	ol {
		margin: 10px 0 10px 20px;
	}
</style>
